<template>
<div>
  <page-menu />
  <el-carousel iindicator-position="outside" height="36vw">
    <el-carousel-item v-for="(item ,index) in banner" :key="index">
      <img :src="item.img" style="display: block; width: 100%;"/>
    </el-carousel-item>
  </el-carousel>
</div>
</template>

<script>
import PageMenu from './PageMenu'
export default {
  name: 'PageHeader',
  components: {PageMenu},
  props: {
    banner: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
    }
  },
  created() {

  },
  methods: {
  }
}
</script>

<style scoped lang="scss">

</style>
